<!DOCTYPE html>
<!-- saved from url=(0052)https://account.nubia.com/bind/changepassword.action -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     
    <link rel="stylesheet" href="{{asset('/css/style.css') }}">
    <link rel="stylesheet" href="{{asset('/css/passport.css') }}">
    <link rel="stylesheet" href="{{asset('/css/base.css') }}">
    <link rel="stylesheet" href="{{asset('/css/nb-media.css') }}">
    <link rel="stylesheet" href="{{asset('/css/style_0506.css') }}">
    <title>修改密码——努比亚官方网站</title> 
    <script type="text/javascript" async="" src="{{asset('/js/collect.js')}}"></script><script src="{{asset('/js/tm.js')}}" async=""></script><script src="{{asset('/js/hm.js')}}"></script><script type="text/javascript" async="" src="{{asset('/js/ga.js')}}"></script><script src="{{asset('/js/jquery.min.js')}}"></script>
    <style>
    .changP_container .dd_r{
        width:340px;
    }
    .suc_content{
        width:341px;
    }
    .changP .dt_l{
        width:130px;
    }
    .hei_444{
        height:300px;
    }
    .changP .account_tips{
        margin-left: 0;
        font-size:20px;
        margin-bottom:35px;
        text-align:center;
    }
    .sub_bg{
        width:339px;
        height:50px;
    }
    .clearfix1{
        position:relative;
    }
    .clearfix1 span{
        position: absolute;
        left: 304px;
        float:none;
        width:300px;
    }
    .dd_r input{
        height:50px;
        line-height:50px;
    }
    .dt_l,.dd_r{
        height:50px;
        line-height:50px;
    }
    .input_kuang{
        background:#fff;
        padding:0;
        padding-left:10px;
    }
    .imgerror .errortip, .nosame .errortip, .error .errortip, .empty .errortip, .repeat .errortip{padding:0;padding-left:10px;}

    .dd_r .password_1,.dd_r .password_3,.dd_r .password_5{
        display:none;
    }

html,body{background-color: #f5f5f5;height:auto;}
.login-title{width:300px;margin:0 auto;text-align:center;font-size:30px;color:#424242;padding-top: 22px;}
.login{width:850px;padding:30px 0;}
.wrapper{width:850px;height:600px;margin:0 auto;background-color:#fff;margin-top:40px;    margin-bottom: 20px;}
.login-title p{padding-top:8px;}
.changP_container{margin-top:30px;}
    </style>
</head>
<body>
<div class="wrapper">
    <div class="login-title">
        <div class="logo"></div>
        <p>重置密码</p>
        @if(session('info'))
        {{session('info')}}
        @endif
    </div>
<div class="suc_content changP nojsp pt30" style="margin-top:0px;">
  <div class="suc_kuang">
    <div class="hei_444">

      <form id="changePwdForm" method="post" action="{{url('/home/info/reset')}}">
      {{csrf_field()}}
        <div class="changP_container">
          <dl class="clearfix1"> 
          
            <dd class="dd_r clearfix1">
            
              <input type="password" id="txtPwd" placeholder="请输入旧密码" class="password_2 input_kuang new_width item errortip" isrequired="true" name="oldpassword">
              
            </dd>
            
            <dd class="dd_r clearfix1 dd_r_pos" id="pwdTd">
                
                <input type="password" class="password_4 input_kuang new_width item errortip" placeholder="请输入新密码" isrequired="true" id="pwd" name="password">
                
                <span class="check_tips empty_tip" style="top: 7px;left: 350px;color: red;">请输入新密码</span>
                <span class="check_tips error_tip" id="tips_val" style="top: 7px;left: 350px;color: red;"></span>
                <!-- <span class="prompt_info" id="info_tips">密码长度6~16位，数字、字母、符号至少包含两种</span> -->
                <span class="prompt_info" id="info_tips2" style="display:none;">密码长度6~16位，数字、字母、符号至少包含两种</span>
                <span class="check_tips succ_tips" style="top: 7px;left: 350px;color: red;"></span>
                <span class="tips_1">密码长度为6~16位</span>
                <span class="tips_2">密码不能全为字母</span>
                <span class="tips_3">密码不能全为数字</span>
                <span class="tips_5" style="display:none;">不能与原密码相同</span>
                <span class="tips_6" style="display:none;">密码长度6~16位，数字、字母、符号至少包含两种</span>
                <span class="tips_7" style="display:none;">密码不能全为符号</span>
            </dd>
          
            <dd class="dd_r clearfix1">
             
              <input type="password" class="password_6 input_kuang new_width item errortip" placeholder="再次确认新密码" id="pwd_repeat" isrequired="true" name="password2" repeat="#pwd">
              
              <span class="check_tips error_tip" style="top: 7px;left: 350px;color: red;">密码输入不一致</span>
              <span class="check_tips empty_tip" style="top: 7px;left: 350px;color: red;">请输入确认密码</span>
              <span class="check_tips succ_tips" style="top: 7px;left: 350px;color: red;"></span>
            </dd>

          <dd class="dd_r clearfix1">
            <div class="sub_bg">
            <button class="no_bg"  id="submit_btn" value="提交" style="color:#fff;width: 339px;font-size:20px;height:50px;">提交</button>
             
            </div>
          </dd>
        </dl>
      </div>
    </form> 
    </div>
  </div>
</div>
</div>
<script type="text/javascript" src="{{asset('/js/placeholders.jquery.js')}}"></script>
<script src="{{asset('/js/hash.js')}}"></script>
<script>

$(function(){
    $('.nav-top li').on('mouseenter',function(){
        $(this).addClass('on').siblings('li').removeClass('on');
    }).on('mouseleave',function(){
        $(".nav-top li").removeClass('on');
        $(".nav-top .active").addClass('on');
    })
});

$(function(){
    //判断浏览器是否支持 placeholder属性  
    function isPlaceholder(){  
        var input = document.createElement('input');  
        return 'placeholder' in input;  
    }  
    //不支持placeholder 用jquery来完成  
    if(!isPlaceholder()){
        $(".password_1,.password_3,.password_5").show();
        $(".password_2,.password_4,.password_6").hide();
        $(".password_1").on("focus",function(){
            $(this).hide();
            $(".password_2").show();
            $(".password_2").trigger("focus");
        })
        $(".password_2").on("blur",function(){
            if(!$(this).val()){
                $(this).hide();
                $(".password_1").show();
            }
        })
        $(".password_3").on("focus",function(){
            $(this).hide();
            $(".password_4").show();
            $(".password_4").trigger("focus");
        })
        $(".password_4").on("blur",function(){
            if(!$(this).val()){
                $(this).hide();
                $(".password_3").show();
            }
        })
        $(".password_5").on("focus",function(){
            $(this).hide();
            $(".password_6").show();
            $(".password_6").trigger("focus");
        })
        $(".password_6").on("blur",function(){
            if(!$(this).val()){
                $(this).hide();
                $(".password_5").show();
            }
        })
    }
})
</script>

<script>
$(document).ready(function(){
    var pwd_check = false;
    var pwd_r_check = false;
    var txt_pwd = false;
    function setMyClass(obj, current, empty, error, repeat, succ){
      empty = empty || "empty";
      error = error || "error";
      repeat = repeat || "repeat";
      succ = succ || "succ";
      obj.parent().removeClass( empty ).removeClass( error ).removeClass( repeat ).removeClass( succ ).addClass(current);
    }
    function check_old_pwd(obj){
        var val = obj.val();
        if( val == '' ){
            setMyClass(obj, 'empty');
            txt_pwd = false;
        } else {
            txt_pwd = true;
        }
        return txt_pwd;
    }

    function check_new_rpwd(obj){
        var val = $('#pwd_repeat').val();
        var pwd_val = $('#pwd').val();
        pwd_r_check = false;
        if( val == '' ){
            setMyClass(obj, 'empty');
        } else if (val != pwd_val) {
            setMyClass(obj, 'error' );
        } else {
            setMyClass(obj, 'succ' );
            pwd_r_check = true;
        }
        return pwd_r_check;
    }

    function check_new_pwd(obj){
        $('#info_tips2').hide();
        pwd_check = false;
        var val = obj.val();
        var txtPwd = $("#txtPwd").val();
        if( val =='' ){
            setMyClass(obj, 'empty');
            return false;
        }
        if( val.length < 6 || val.length > 16){
            setMyClass(obj, 'error');
            $("#tips_val").html( $(".tips_1").html() );
        }else if( /[^\x00-\x7f]/.test(val) ){
            setMyClass(obj, 'error');
            $("#tips_val").html( $(".tips_6").html() );
        }else if(/^\d+$/.test(val)){
            setMyClass(obj, 'error');
            $("#tips_val").html( $(".tips_3").html() );
        }else if(/^[A-Za-z]+$/.test(val)){
            setMyClass(obj, 'error');
            $("#tips_val").html( $(".tips_2").html() );
        }else if( /^[^A-Za-z0-9]+$/.test(val) ){
            setMyClass(obj, 'error');
            $("#tips_val").html( $(".tips_7").html() );
        }else if(val == txtPwd){
            setMyClass(obj, 'error' );
            $("#tips_val").html( $(".tips_5").html() );
        }else{
            setMyClass(obj, 'succ' );
            pwd_check = true;
        }
        return pwd_check;
      }
      
    $('#txtPwd').bind('change', function(){check_old_pwd($(this));});
    
    $('#pwd').bind('change', function(){
        $('#pwd')[0].check_tag = check_new_pwd($(this));
    });
    
    $('#pwd_repeat').bind('change', function(){
        if ($('#pwd')[0].check_tag){
            check_new_rpwd($(this));
        } else {
            setMyClass($(this), '');
        }
    });

    $(":input").keyup(function(event){
        if(event.keyCode == 13){
            $('#submit_btn').trigger('click');
        }
    });
    
    function passwordMd5(arr){
        var formArray = arr; 
        $.each(formArray,function(index,item){
            if(item.name == "password" || item.name == "password2" ||item.name == "oldpassword"){
                item.value = hex_md5(item.value);
            }
        })
        return $.param(formArray);
    } 
    

});
</script>

<style>
.nubia-copyright .nb-footer-info{
    -webkit-transform: scale(0.9) translateX(0px);
    -moz-transform: scale(0.9) translateX(0px);
    -ms-transform: scale(0.9) translateX(0px);
    transform: scale(0.9) translateX(0px);
}
.nubia-copyright{
    text-align:center;
    margin: 0 auto;
}
#nb-footer{
    padding: 10px 0 50px 0;
}
@media only screen and (max-width: 950px){
    #nb-footer .nubia-copyright {
        min-width:100%!important;
        width:100%;
    }
}
</style>
    <div id="nb-footer">
    <div class="nubia-copyright">
        <p class="nb-footer-info"> 2012-2016 努比亚 版权所有 <a href="http://www.miibeian.gov.cn/">粤ICP备10006213号-2</a> ICP经营许可证编号：粤B2-20120688<a href="https://cert.ebs.gov.cn/D52B1891-CB9A-4FD0-8BC6-1D5650B567CE" target="_blank" style="margin-right: 5px;margin-left: 3px;"><img src="{{asset('/img/govIcon.png')}}" title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" border="0" style="border-width:0px;border:hidden; border:none;vertical-align: middle;height: 18px;"></a> 努比亚技术有限公司</p>
    </div>
</div>


<script type="text/javascript">
    var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-37192071-15']);
  _gaq.push(['_setDomainName', 'nubia.cn']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "//hm.baidu.com/hm.js?6540b87466059bace9f209f77afd6e10";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
!(function(a,b,c,d,e,f){var g="",h=a.sessionStorage,i="__admaster_ta_param__",j="tmDataLayer"!==d?"&dl="+d:"";
if(a[f]={},a[d]=a[d]||[],a[d].push({startTime:+new Date,event:"tm.js"}),h){var k=a.location.search,
l=new RegExp("[?&]"+i+"=(.*?)(&|#|$)").exec(k)||[];l[1]&&h.setItem(i,l[1]),l=h.getItem(i),
l&&(g="&p="+l+"&t="+ +new Date)}var m=b.createElement(c),n=b.getElementsByTagName(c)[0];m.src="//tag.cdnmaster.cn/tmjs/tm.js?id="+e+j+g,
m.async=!0,n.parentNode.insertBefore(m,n)})(window,document,"script","tmDataLayer","TM-398681","admaster_tm");  
</script>




<script type="text/javascript" id="">var _smq = _smq || []; _smq.push(['_setAccount', '33a5ac6', new Date()]); _smq.push(['pageview']); (function() { var sm = document.createElement('script'); sm.type = 'text/javascript'; sm.async = true; sm.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'site.cdnmaster.cn/sitemaster/collect.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sm, s); })(); </script></body></html>